﻿
@{
    ViewBag.Title = "可拖拽组件";
}

@section Style{
    @Styles.Render("~/Content/Flat/Css/base")
}

@section Script{
    @Scripts.Render("~/Content/Flat/Js/Draggable_Portlet")
<script>
          jQuery(document).ready(function() {
              DraggablePortlet.init();
          });
</script>
}
<!--main content start-->
<section id="main-content">
    <section class="wrapper site-min-height">
        <!-- page start-->
        <div class="row-fluid" id="draggable_portlets">
            <div class="col-md-4 column sortable">
                <!-- BEGIN Portlet PORTLET-->
                <div class="panel panel-default">
                    <div class="panel-heading">可拖拽组件 1</div>
                    <div class="panel-body">
                        Portlet是基于Java的Web组件，由Portlet容器管理，并由容器处理请求，生产动态内容。Portals使用Portlets作为可插拔用户接口组件，提供信息系统的表示层。作为利用Servlets进行Web应用编程的下一步，Portlets实现了Web应用的模块化和用户中心化。 Portlet规范，即JSR（Java Standardization Request ）168，是为了实现Portal和Portlet的互操作。它定义了Portlet和Portlet容器之间的合约，让Portlet实现个性化、表示和安全的API集。规范还定义了怎样在Portlets应用中打包Portlets。
                    </div>
                </div>
                <!-- END Portlet PORTLET-->
                <!-- BEGIN Portlet PORTLET-->
                <div class="panel panel-primary">
                    <div class="panel-heading">可拖拽组件 2</div>
                    <div class="panel-body">
                        Portlet是基于Java的Web组件，由Portlet容器管理，并由容器处理请求，生产动态内容。Portals使用Portlets作为可插拔用户接口组件，提供信息系统的表示层。作为利用Servlets进行Web应用编程的下一步，Portlets实现了Web应用的模块化和用户中心化。 Portlet规范，即JSR（Java Standardization Request ）168，是为了实现Portal和Portlet的互操作。它定义了Portlet和Portlet容器之间的合约，让Portlet实现个性化、表示和安全的API集。规范还定义了怎样在Portlets应用中打包Portlets。
                    </div>
                </div>
                <!-- END Portlet PORTLET-->
                <!-- BEGIN Portlet PORTLET-->
                <div class="panel panel-success">
                    <div class="panel-heading">可拖拽组件 3</div>
                    <div class="panel-body">
                        Portlet是基于Java的Web组件，由Portlet容器管理，并由容器处理请求，生产动态内容。Portals使用Portlets作为可插拔用户接口组件，提供信息系统的表示层。作为利用Servlets进行Web应用编程的下一步，Portlets实现了Web应用的模块化和用户中心化。 Portlet规范，即JSR（Java Standardization Request ）168，是为了实现Portal和Portlet的互操作。它定义了Portlet和Portlet容器之间的合约，让Portlet实现个性化、表示和安全的API集。规范还定义了怎样在Portlets应用中打包Portlets。
                    </div>
                </div>
                <!-- END Portlet PORTLET-->
            </div>
            <div class="col-md-4 column sortable">
                <!-- BEGIN Portlet PORTLET-->
                <div class="panel panel-warning">
                    <div class="panel-heading">可拖拽组件 4</div>
                    <div class="panel-body">
                        Portlet是基于Java的Web组件，由Portlet容器管理，并由容器处理请求，生产动态内容。Portals使用Portlets作为可插拔用户接口组件，提供信息系统的表示层。作为利用Servlets进行Web应用编程的下一步，Portlets实现了Web应用的模块化和用户中心化。 Portlet规范，即JSR（Java Standardization Request ）168，是为了实现Portal和Portlet的互操作。它定义了Portlet和Portlet容器之间的合约，让Portlet实现个性化、表示和安全的API集。规范还定义了怎样在Portlets应用中打包Portlets。
                    </div>
                </div>
                <!-- END Portlet PORTLET-->
                <!-- BEGIN Portlet PORTLET-->
                <div class="panel panel-danger">
                    <div class="panel-heading">可拖拽组件 5</div>
                    <div class="panel-body">
                        Portlet是基于Java的Web组件，由Portlet容器管理，并由容器处理请求，生产动态内容。Portals使用Portlets作为可插拔用户接口组件，提供信息系统的表示层。作为利用Servlets进行Web应用编程的下一步，Portlets实现了Web应用的模块化和用户中心化。 Portlet规范，即JSR（Java Standardization Request ）168，是为了实现Portal和Portlet的互操作。它定义了Portlet和Portlet容器之间的合约，让Portlet实现个性化、表示和安全的API集。规范还定义了怎样在Portlets应用中打包Portlets。
                    </div>
                </div>
                <!-- END Portlet PORTLET-->
                <!-- BEGIN Portlet PORTLET-->
                <div class="panel panel-info">
                    <div class="panel-heading">可拖拽组件 6</div>
                    <div class="panel-body">
                        Portlet是基于Java的Web组件，由Portlet容器管理，并由容器处理请求，生产动态内容。Portals使用Portlets作为可插拔用户接口组件，提供信息系统的表示层。作为利用Servlets进行Web应用编程的下一步，Portlets实现了Web应用的模块化和用户中心化。 Portlet规范，即JSR（Java Standardization Request ）168，是为了实现Portal和Portlet的互操作。它定义了Portlet和Portlet容器之间的合约，让Portlet实现个性化、表示和安全的API集。规范还定义了怎样在Portlets应用中打包Portlets。
                    </div>
                </div>
                <!-- END Portlet PORTLET-->
            </div>
            <div class="col-md-4 column sortable">
                <!-- BEGIN Portlet PORTLET-->
                <div class="panel panel-default">
                    <div class="panel-heading">可拖拽组件 7</div>
                    <div class="panel-body">
                        Portlet是基于Java的Web组件，由Portlet容器管理，并由容器处理请求，生产动态内容。Portals使用Portlets作为可插拔用户接口组件，提供信息系统的表示层。作为利用Servlets进行Web应用编程的下一步，Portlets实现了Web应用的模块化和用户中心化。 Portlet规范，即JSR（Java Standardization Request ）168，是为了实现Portal和Portlet的互操作。它定义了Portlet和Portlet容器之间的合约，让Portlet实现个性化、表示和安全的API集。规范还定义了怎样在Portlets应用中打包Portlets。
                    </div>
                </div>
                <!-- END Portlet PORTLET-->
                <!-- BEGIN Portlet PORTLET-->
                <div class="panel panel-success">
                    <div class="panel-heading">可拖拽组件 8</div>
                    <div class="panel-body">
                        Portlet是基于Java的Web组件，由Portlet容器管理，并由容器处理请求，生产动态内容。Portals使用Portlets作为可插拔用户接口组件，提供信息系统的表示层。作为利用Servlets进行Web应用编程的下一步，Portlets实现了Web应用的模块化和用户中心化。 Portlet规范，即JSR（Java Standardization Request ）168，是为了实现Portal和Portlet的互操作。它定义了Portlet和Portlet容器之间的合约，让Portlet实现个性化、表示和安全的API集。规范还定义了怎样在Portlets应用中打包Portlets。
                    </div>
                </div>
                <!-- END Portlet PORTLET-->
                <!-- BEGIN Portlet PORTLET-->
                <div class="panel panel-primary">
                    <div class="panel-heading">可拖拽组件 9</div>
                    <div class="panel-body">
                        Portlet是基于Java的Web组件，由Portlet容器管理，并由容器处理请求，生产动态内容。Portals使用Portlets作为可插拔用户接口组件，提供信息系统的表示层。作为利用Servlets进行Web应用编程的下一步，Portlets实现了Web应用的模块化和用户中心化。 Portlet规范，即JSR（Java Standardization Request ）168，是为了实现Portal和Portlet的互操作。它定义了Portlet和Portlet容器之间的合约，让Portlet实现个性化、表示和安全的API集。规范还定义了怎样在Portlets应用中打包Portlets。
                    </div>
                </div>
                <!-- END Portlet PORTLET-->
            </div>
        </div>
        <!-- page end-->
    </section>
</section>
<!--main content end-->